<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="UTF-8">
	<title>年級列表</title>
	<link rel="stylesheet" type="text/css" href="../../easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../../easyui/css/demo.css">
	<script type="text/javascript" src="../../easyui/jquery.min.js"></script>
	<script type="text/javascript" src="../../easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../easyui/js/validateExtends.js"></script>
	<script type="text/javascript">
		$(function() {
			var table;

			//datagrid初始化
			$('#dataList').datagrid({
				title:'测试列表',
				iconCls:'icon-more',//图标
				border: true,
				collapsible:false,//是否可折叠的
				fit: true,//自动大小
				method: "post",
				url:"/dept/get_list?t="+new Date().getTime(),
				idField:'teachernum',
				singleSelect:false,//是否单选
				pagination:true,//分页控件
				rownumbers:true,//行号
				sortName:'teachernum',
				sortOrder:'DESC',
				remoteSort: false,
				columns: [[
					{field:'chk',checkbox: true,width:50},
					{field:'teachernum',title:'老师编号',width:100, sortable: true},
					{field:'teachername',title:'老师姓名',width:150,sortable: true},
					{field:'dname',title:'部门名称',width:300},
					{field:'dphone',title:'部门电话',width:300}
				]],
				toolbar: "#toolbar"
			});
			//设置分页控件
			var p = $('#dataList').datagrid('getPager');
			$(p).pagination({
				pageSize: 10,//每页显示的记录条数，默认为10
				pageList: [10,20, 30,40,50],//可以设置每页记录条数的列表
				beforePageText: '第',//页数文本框前显示的汉字
				afterPageText: '页    共 {pages} 页',
				displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录',
			});
			//设置工具类按钮
			$("#add").click(function(){
				table = $("#addTable");
				$("#addDialog").dialog("open");
			});
			//修改
			$("#edit").click(function(){
				table = $("#editTable");
				var selectRows = $("#dataList").datagrid("getSelections");
				if(selectRows.length != 1){
					$.messager.alert("消息提醒", "请选择一条数据进行操作!", "warning");
				} else{
					$("#editDialog").dialog("open");
				}
			});
			//删除
			$("#delete").click(function(){
				var selectRows = $("#dataList").datagrid("getSelections");
				var selectLength = selectRows.length;
				if(selectLength == 0){
					$.messager.alert("消息提醒", "请选择数据进行删除!", "warning");
				} else{
					var ids = [];
					$(selectRows).each(function(i, row){
						ids[i] = row.teachernum;
					});

					$.messager.confirm("消息提醒", "确认继续？", function(r){
						if(r){
							$.ajax({
								type: "post",
								url: "/dept/delete",
								data: {ids:ids},
								dataType:'json',
								success: function(data){
									if(data.type == "success"){
										$.messager.alert("消息提醒","删除成功!","info");
										//刷新表格
										$("#dataList").datagrid("reload");
										$("#dataList").datagrid("uncheckAll");
									} else{
										$.messager.alert("消息提醒",data.msg,"warning");
										return;
									}
								}
							});
						}
					});
				}
			});

			//设置添加窗口
			$("#addDialog").dialog({
				title: "添加年級",
				width: 400,
				height: 350,
				iconCls: "icon-add",
				modal: true,
				collapsible: false,
				minimizable: false,
				maximizable: false,
				draggable: true,
				closed: true,
				buttons: [
					{
						text:'添加',
						plain: true,
						iconCls:'icon-user_add',
						handler:function(){
							var validate = $("#addForm").form("validate");
							if(!validate){
								$.messager.alert("消息提醒","请检查你输入的数据!","warning");
								return;
							} else{
								var data = $("#addForm").serialize();
								$.ajax({
									type: "post",
									url: "/dept/add",
									data: data,
									dataType:"json",
									success: function(data){
										if(data.type == "success"){
											$.messager.alert("消息提醒","添加成功!","info");
											//关闭窗口
											$("#addDialog").dialog("close");
											//清空原表格数据
											$("#add_teachername").textbox('setValue', "");
											$("#add_dname").textbox('setValue', "");
											$("#add_dphone").textbox('setValue', "");
											$("#add_teachernum").textbox('setValue', "");
											//重新刷新页面数据
											$('#dataList').datagrid("reload");
										} else{
											$.messager.alert("消息提醒",data.msg,"warning");
											return;
										}
									}
								});
							}
						}
					},
				],
				onClose: function(){
					$("#add_teachername").textbox('setValue', "");
					$("#add_dname").textbox('setValue', "");
					$("#add_dphone").textbox('setValue', "");
					$("#add_teachernum").textbox('setValue', "");

				}
			});

			//编辑部门信息
			$("#editDialog").dialog({
				title: "修改部门信息",
				width: 400,
				height: 350,
				iconCls: "icon-edit",
				modal: true,
				collapsible: false,
				minimizable: false,
				maximizable: false,
				draggable: true,
				closed: true,
				buttons: [
					{
						text:'提交',
						plain: true,
						iconCls:'icon-edit',
						handler:function(){
							var validate = $("#editForm").form("validate");
							if(!validate){
								$.messager.alert("消息提醒","请检查你输入的数据!","warning");
								return;
							} else{
								var data = $("#editForm").serialize();
								$.ajax({
									type: "post",
									url: "/dept/edit",
									data: data,
									dataType:'json',
									success: function(data){
										if(data.type == "success"){
											$.messager.alert("消息提醒","修改成功!","info");
											//关闭窗口
											$("#editDialog").dialog("close");
											//重新刷新页面数据
											$('#dataList').datagrid("reload");
											$('#dataList').datagrid("uncheckAll");

										} else{
											$.messager.alert("消息提醒",data.msg,"warning");
											return;
										}
									}
								});
							}
						}
					},
				],
				onBeforeOpen: function(){
					var selectRow = $("#dataList").datagrid("getSelected");
					//设置值
					$("#edit_teachernum").val(selectRow.teachernum);
					$("#edit_teachername").textbox('setValue', selectRow.teachername);
					$("#edit_dname").textbox('setValue', selectRow.dname);
				},
			});


			/*查询*/
			$("#search-btn").click(function () {
				$('#dataList').datagrid('reload',{
					teachername:$("#search-dname").textbox('getValue')
				});
			});

		});
		function myformatter(date){
			var y = date.getFullYear();
			var m = date.getMonth()+1;
			var d = date.getDate();
			return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
		}
		function myparser(s){
			if (!s) return new Date();
			var ss = (s.split('-'));
			var y = parseInt(ss[0],10);
			var m = parseInt(ss[1],10);
			var d = parseInt(ss[2],10);
			if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
				return new Date(y,m-1,d);
			} else {
				return new Date();
			}
		}
	</script>
</head>
<body>
<!-- 数据列表 -->
<table id="dataList" cellspacing="0" cellpadding="0">

</table>
<!-- 工具栏 -->
<div id="toolbar">
	<c:if test="${usertype==1}">
	<div style="float: left;"><a id="add" href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">添加</a></div>
	<div style="float: left;" class="datagrid-btn-separator"></div>
	<div style="float: left;"><a id="edit" href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">修改</a></div>
	<div style="float: left;" class="datagrid-btn-separator"></div>
	<div>
		</c:if>
		<c:if test="${usertype==1}">
			<a id="delete" href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-some-delete',plain:true">删除</a>
		</c:if>
		老师名称：<input id="search-dname" class="easyui-textbox" />
		<a id="search-btn" href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">搜索</a>

	</div>
</div>

<!-- 添加窗口 -->
<div id="addDialog" style="padding: 10px;">
	<form id="addForm" method="post">
		<table id="addTable" cellpadding="8">
			<tr>
				<td>老师编号:</td>
				<td>
					<input id="add_teachernum" class="easyui-textbox" style="width: 200px; height: 30px;" type="text" name="teachernum" data-options="required:true, missingMessage:'请输入年份'" />
				</td>
			</tr>
			<tr>
				<td>老师姓名:</td>
				<td>
					<input id="add_teachername" class="easyui-textbox" style="width: 200px; height: 30px;" type="text" name="teachername" data-options="required:true, missingMessage:'请输入专业名'" />
				</td>
			</tr>
			<tr>
				<td>部门名称</td>:</td>
				<td>
					<select id="add_dname"  class="easyui-combobox" style="width: 200px;" name="dname" data-options="required:true, missingMessage:'请选择学生性别'">
						<c:forEach var="teacher" varStatus="status" items="${teacherlist}">
							<option value="${teacher.dname}">${teacher.dname}</option>
						</c:forEach>
					</select>
				</td>
			</tr>
			<tr>
				<td>部门电话</td>:</td>
				<td>
					<input id="add_dphone" class="easyui-textbox" style="width: 200px; height: 30px;" name="dphone" data-options="required:true,formatter:myformatter,parser:myparser"/>
				</td>
			</tr>
			<tr>

			</tr>
		</table>
	</form>
</div>

<!-- 修改窗口 -->
<div id="editDialog" style="padding: 10px">
	<form id="editForm" method="post">
		<table id="editTable" border=0 cellpadding="8" >
			<input type="hidden" name="teachernum" id="edit_teachernum"/>
			<tr>
				<td>老师名称:</td>
				<td>
					<input id="edit_teachername" class="easyui-textbox" style="width: 200px; height: 30px;" type="text" name="teachername" data-options="required:true, missingMessage:'请输入年份'" />
				</td>
			</tr>
			<tr>
				<td>部门名称:</td>
				<td>
					<input id="edit_dname"  class="easyui-textbox" style="width: 200px; height: 30px;" type="text" name="dname" data-options="required:true, validType:'repeat', missingMessage:'请输入专业名'" />
				</td>
			</tr>
		</table>
	</form>
</div>


</body>
</html>